<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>ID选择器</title>
		<style type="text/css">
			#box{
				color:red;
			}
			#same{
				color:blue;
			}
		</style>
		
		<!-- 
			1. 所有标签上都有id属性 
			2. id属性值类似于身份证号码，在一个页面中是唯一的，不可重复的！
			   (javascript里面是不行的)
			3. 一个标签上只能有一个id属性值 
			4. 一个id选择器只能选中一个标签
			
			5.经过测试，ID选择器在页面中，不同的标签ID选择器一致或者同一个标签ID选择器一致，
			那么这些不同标签和相同标签都受它CSS样式的影响
		-->
	</head>
	<body>
		<span id="box">《利爪与王冠》 老王乌萨瑞斯。 </span>
		<p id="content">属性值类似于身份证号码，在一个页面中是唯一的，不可重复的！</p>
		<a href="" id="link">新浪</a>
		
		<div id="box1">
			《利爪与王冠》
		</div>
		<p id="box2">
			《利爪与王冠》
		</p>
		<em id="box3">
			《利爪与王冠》
		</em>
		
		<i id="same">百度云1</i>
		<i id="same">百度云2</i>
		<i id="same">百度云3</i>
	</body>
</html>
